.index[data-v-3f14a35e] {
  padding-top: 0
}

.index .list .ypc-column-name[data-v-3f14a35e] {
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.index .list .ypc-column-name .icon[data-v-3f14a35e] {
  margin-left: 2px;
  width: 16px
}

.index .list .top[data-v-3f14a35e] {
  margin-top: 20px;
  background-image: url(./column-bg0.27fc556.png);
  background-size: 100% 174px;
  background-repeat: no-repeat;
  padding: 36px 18px 40px
}

.index .list .columns[data-v-3f14a35e],
.index .list .top[data-v-3f14a35e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.index .list .columns[data-v-3f14a35e] {
  margin-bottom: 60px
}

.index .list .columns .ypc-column-name[data-v-3f14a35e] {
  cursor: pointer
}

.index .list .columns .ypc-column-name .iconfont[data-v-3f14a35e] {
  font-size: 16px;
  margin-left: 4px
}

.banner[data-v-f05d6fd0] {
  width: 100vw;
  min-width: 100%;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  padding-top: 96px;
  padding-bottom: 60px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(46.2%, hsla(0, 0%, 100%, 0)), to(#fff)), #def4ff;
  background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 46.2%, #fff), #def4ff
}

.banner .blur .linear[data-v-f05d6fd0],
.banner .blur .mask[data-v-f05d6fd0],
.banner .blur[data-v-f05d6fd0] {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0
}

.banner .blur .bg[data-v-f05d6fd0] {
  -webkit-filter: blur(30px);
  filter: blur(30px);
  height: 90%;
  width: 100%
}

.banner .blur .mask[data-v-f05d6fd0] {
  background-color: rgba(0, 0, 0, .1)
}

.banner .blur .linear[data-v-f05d6fd0] {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(46%, hsla(0, 0%, 100%, 0)), to(#fff));
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 46%, #fff)
}

.banner .wrap[data-v-f05d6fd0] {
  width: 1200px;
  margin: 0 auto
}

.banner .wrap .swiper img[data-v-f05d6fd0] {
  width: 100%;
  height: 310px
}

.banner .wrap .news[data-v-f05d6fd0] {
  position: relative;
  height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 16px;
  background-image: url(../static/news.725a08c.png);
  background-color: rgba(236, 244, 249, .6);
  background-size: 80px 68px;
  background-position: 16px;
  background-repeat: no-repeat;
  padding-left: 128px;
  margin-top: 40px
}

.banner .wrap .news .item[data-v-f05d6fd0] {
  width: 224px;
  margin-right: 48px;
  cursor: pointer
}

.banner .wrap .news .item .title[data-v-f05d6fd0] {
  color: #333;
  font-size: 16px;
  line-height: 22px;
  height: 22px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 1.2
}

.banner .wrap .news .item .title.bold[data-v-f05d6fd0] {
  font-weight: 500
}

.banner .wrap .news .item .desc[data-v-f05d6fd0] {
  color: #666;
  margin-top: 8px;
  font-size: 12px;
  line-height: 18px;
  height: 36px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  max-height: 36px
}

.ypc-swiper[data-v-38237f61] {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 300px;
  border-radius: 16px
}

.ypc-swiper-wrapper[data-v-38237f61] {
  width: 100%;
  height: 100%
}

.ypc-swiper-wrapper .ypc-swiper-slider[data-v-38237f61] {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  opacity: 0;
  -webkit-transition: opacity .5s;
  transition: opacity .5s;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer
}

.ypc-swiper-wrapper .ypc-swiper-slider-active[data-v-38237f61] {
  opacity: 1
}

.ypc-swiper-paginations[data-v-38237f61] {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 10;
  bottom: 20px;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.ypc-swiper-paginations-bullet-active[data-v-38237f61] {
  margin: 0 3px;
  width: 25px
}

.ypc-swiper-paginations-bullet[data-v-38237f61] {
  width: 10px;
  height: 10px;
  background-color: hsla(0, 0%, 100%, .7);
  border-radius: 10px;
  margin: 0 3px;
  cursor: pointer
}

.book-vertical[data-v-6aa3d8bd] {
  width: 130px;
  cursor: pointer
}

.book-vertical .book[data-v-6aa3d8bd] {
  border: 1px solid rgba(51, 51, 51, .08);
  -webkit-box-shadow: 0 4px 8px rgba(51, 51, 51, .08);
  box-shadow: 0 4px 8px rgba(51, 51, 51, .08);
  border-radius: 6px;
  background-color: #f5f5f7;
  width: 130px;
  height: 173px;
  overflow: hidden;
  position: relative
}

.book-vertical .book .free[data-v-6aa3d8bd] {
  position: absolute;
  left: -1px;
  top: -1px;
  width: 32px;
  height: 18px;
  text-align: center;
  line-height: 18px;
  font-size: 12px;
  color: #fff;
  background: #fa573e;
  border-radius: 6px 0 6px 0
}

.book-vertical .book img[data-v-6aa3d8bd] {
  border-radius: 6px;
  width: 100%;
  height: 100%
}

.book-vertical .name[data-v-6aa3d8bd] {
  line-height: 22px;
  max-height: 44px;
  color: #333;
  font-weight: 500
}

.book-vertical .intro[data-v-6aa3d8bd],
.book-vertical .name[data-v-6aa3d8bd] {
  margin-top: 12px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all
}

.book-vertical .intro[data-v-6aa3d8bd] {
  line-height: 16px;
  max-height: 32px;
  margin-bottom: 8px;
  font-size: 12px;
  color: #666
}

.book-vertical .other[data-v-6aa3d8bd] {
  font-size: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.book-vertical .other .author[data-v-6aa3d8bd] {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 1.2;
  height: 16px;
  line-height: 16px;
  color: #b2b2b2
}

.book-vertical .other .uv[data-v-6aa3d8bd] {
  line-height: 16px;
  margin-left: 4px;
  color: #ad8352;
  max-width: 80px;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

@font-face {
  font-family: "SourceHanSerifCN-Regular";
  src: url(../static/SourceHanSerifCN-Regular.6762c1c.ttf);
  font-weight: 400;
  font-style: normal
}

.book-rank-list[data-v-2a0b4ec4] {
  width: 370px
}

.book-rank-list .hover[data-v-2a0b4ec4] {
  height: 164px;
  background-size: 368px 117px;
  background-position: 0 38px;
  background-repeat: no-repeat;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 40px;
  padding-left: 48px;
  cursor: pointer
}

.book-rank-list .hover .icon[data-v-2a0b4ec4] {
  width: 40px;
  position: absolute;
  left: 0;
  top: 28px
}

.book-rank-list .hover .no[data-v-2a0b4ec4] {
  position: absolute;
  left: 0;
  top: 28px;
  height: 24px;
  width: 24px;
  background-color: #acaeb0;
  color: #fff;
  font-size: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%
}

.book-rank-list .hover .content[data-v-2a0b4ec4] {
  width: 194px
}

.book-rank-list .hover .content .name[data-v-2a0b4ec4] {
  line-height: 22px;
  height: 22px;
  margin-top: 12px;
  color: #333;
  font-weight: 500;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 1.2
}

.book-rank-list .hover .content .intro[data-v-2a0b4ec4] {
  line-height: 16px;
  max-height: 32px;
  margin-top: 12px;
  margin-bottom: 8px;
  color: #666;
  font-size: 12px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all
}

.book-rank-list .hover .content .other[data-v-2a0b4ec4] {
  font-size: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.book-rank-list .hover .content .other .author[data-v-2a0b4ec4] {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 1.2;
  height: 16px;
  line-height: 16px;
  color: #b2b2b2
}

.book-rank-list .hover .content .other .uv[data-v-2a0b4ec4] {
  line-height: 16px;
  margin-left: 4px;
  color: #ad8352;
  max-width: 80px;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.book-rank-list .hover .book[data-v-2a0b4ec4] {
  background-image: url(../static/cube-book.9e71db9.png);
  background-size: 135px 173px;
  background-repeat: no-repeat;
  width: 135px;
  height: 173px;
  margin-left: 6px;
  margin-top: -40px;
  -webkit-perspective: 55px;
  perspective: 55px
}

.book-rank-list .hover .book .cover[data-v-2a0b4ec4] {
  border-radius: 3px;
  width: 94px;
  height: 152px;
  -webkit-transform: rotateY(-5deg) translateY(7px);
  transform: rotateY(-5deg) translateY(7px)
}

.book-rank-list .simple[data-v-2a0b4ec4] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 52px;
  cursor: pointer
}

.book-rank-list .simple .icon[data-v-2a0b4ec4] {
  width: 40px
}

.book-rank-list .simple .no[data-v-2a0b4ec4] {
  height: 24px;
  width: 24px;
  background-color: #acaeb0;
  color: #fff;
  font-size: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.book-rank-list .simple .name[data-v-2a0b4ec4] {
  margin-left: 14px;
  height: 22px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 1.2
}